<template>
  <section>
    <!--顶部菜单开始-->
    <nav id="nav"
         class="site-topbar">
      <div class="wraper">
        <ul class="nav-left">
          <li v-for="link in links"><a href="link.url">{{link.name}}</a></li>
        </ul>
        <ul class="nav-right">
          <li><a href="#">登录</a></li>
          <li><a href="登录">注册</a></li>
          <li class="buyCar">
            <a class="i_car"
               href="登录">购物车（0）</a>
            <div class="content"></div>
          </li>
        </ul>
      </div>
    </nav>
    <!--顶部菜单结束-->

    </section>
</template>

<script>
export default {
  name: 'HeaderNav',
  data () {
    return {
      links: [
        {
          url: '#',
          name: '小米商城'
        },
        {
          url: '#',
          name: 'MUI'
        },
        {
          url: '#',
          name: '米聊'
        },
        {
          url: '#',
          name: '游戏'
        },
        {
          url: '#',
          name: '多看阅读'
        },
        {
          url: '#',
          name: '问题反馈'
        }
      ]
    }
  }
}
</script>
